//$(function(){
//	$("zhong").mouseover(function(){
//	$("maijia").show()
//})
//})
$(function () {

    $(".nav-b .zhong").hover(function () {
        $(".maijia").show()
    })
    $(".nav-b .zhong").mouseout(function () {
        $(".maijia").hide()
    })
    $(".shouji").hover(function () {
        $(".tupian").show()
    })
    $(".shouji").mouseout(function () {
        $(".tupian").hide()
    })
    $(".kefu").hover(function () {
        $(".msj").show()
    })
    $(".kefu").mouseout(function () {
        $(".msj").hide()
    })
    $(".ul-u li").mouseover(function () {
        $(this).addClass("ull").siblings("li").removeClass("ull")
    })
    $(".r1").mouseover(function () {
        $(".div-a").stop().fadeIn()
    })
       $(".r1").mouseout(function () {
           $(".div-a").stop().fadeOut()
       })
//  $("div-a").mouseout(function(){
//      $(this).stop().hide()
//  })
//	$(".aba ul").eq(5).$("img").css({
//		width:100px,
//		height:100px
//	})
//	$("div-b li").hover(function(){
//		$(this).css({
//			background:"#fff",
//			color:"red"
//		})
//	})

    $.get("http://api.cat-shop.penkuoer.com/api/v1/products?per=100").then(result => {
        console.log(result.products)

        var str = ""
        for (var i = 0; i < result.products.length; i++) {
            str += ` 
 		<li><img src=${/http/.test(result.products[i].coverImg)?result.products[i].coverImg:"http://api.cat-shop.penkuoer.com"+result.products[i].coverImg} alt="">
            <p>${result.products[i].descriptions}</p>
            <p class="jq">￥${result.products[i].price}</p>
            <p class="shanchu">￥1000</p>
            <button class="shengqian">立省100元</button>
            <div> <button class="sheng">立即购买</button></div>
        </li>
       `
        }
$("#oul").html(str)
    })
})

